<!doctype html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>无标题文档Aaaa</title>
	<link href="/www/admin/node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
	<link href="/www/admin/css/style.css" rel="stylesheet" type="text/css">
	<link href="/www/admin/node_modules/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet" type="text/css">
	<!-- <script async src="https://cdn.jsdelivr.net/npm/es-module-shims@1/dist/es-module-shims.min.js" crossorigin="anonymous"></script> -->
	<script type="importmap">
        {
			"imports": {
				"@popperjs/core": "/www/admin/node_modules/@popperjs/core/dist/esm/index.js",
				"bootstrap": "/www/admin/node_modules/bootstrap/dist/js/bootstrap.esm.min.js",
                "toggle_aside_nav":"/www/admin/dist/lib/toggle_aside_nav.js",
                "toggle_aside_logo":"/www/admin/dist/lib/toggle_aside_logo.js"
			  }	
        }
    </script>
</head>

<body>
	<div class="container-fluid" id="app">
		<div class="row bg-primary bg-gradient text-white" id="app_header">
			<div class="col px-0" id="app_header_logo">
				<i class="bi bi-bookmark-fill"></i>
				<span class="px-1">A Demo Admin</span>
			</div>
			<div class="col ps-1">
				<div class="input-group input-group-sm">
					<input type="text" class="form-control border-warning" placeholder=""
						aria-label="Recipient's username" aria-describedby="button-addon2">
					<button class="btn btn-outline-warning " type="button" id="button-addon2">搜索</button>

				</div>
			</div>
			<div class="col" id="app_header_nav">

				<button type="button" class="btn btn-sm btn-warning">Primary</button>

				<!-- Example single danger button -->
				<div class="btn-group">
					<button type="button" class="btn btn-sm btn-warning dropdown-toggle" data-bs-toggle="dropdown"
						aria-expanded="false">
						<i class="bi bi-emoji-smile"></i>欢迎,yuenzzy~!
					</button>
					<ul class="dropdown-menu">
						<li><a class="dropdown-item" href="#">Action</a></li>
						<li><a class="dropdown-item" href="#">Another action</a></li>
						<li><a class="dropdown-item" href="#">Something else here</a></li>
						<li>
							<hr class="dropdown-divider">
						</li>
						<li><a class="dropdown-item" href="#">Separated link</a></li>
					</ul>
				</div>



			</div>
		</div>
		<div class="row pt-0" id="app_body">
			<div id="app_body_slide__fixed" class="border-end border-light-subtle bg-primary">

				<div class="row h-100">
					<div class="col p-0 bg-primary text-light" id="app_body_slide_logo">
						<ul>
							{volist name='GLOBALS["nav"]["groups"]' id='vo'}
							<li data-nav="{$vo.tag}" class="{if $GLOBALS['crumbs']['nav_group_id']==$vo.id } active {/if}"> <i class="bi bi-people-fill"></i> <span>{$vo.name}</span> </li>
							{/volist}
							<!-- <li data-nav="user1"> <i class="bi bi-people-fill"></i> <span>首页</span> </li>
							<li data-nav="user2" class="active"> <i class="bi bi-people-fill"></i> <span>用户</span> </li>
							<li data-nav="user3"> <i class="bi bi-people-fill"></i> <span>用户</span> </li> -->
						</ul>
					</div>
					<div class="col bg-light rounded-start" id="app_body_slide_nav">
						{volist name='GLOBALS["nav"]["groups"]' id='vo'}
						<ul class="nav flex-column {if $GLOBALS['crumbs']['nav_group_id']==$vo.id } active {/if}>" data-nav="{$vo.tag}">
							{volist name='vo["items"]' id='item'}
								{if $item.display==1 }
									<li class="nav-item {if $GLOBALS['crumbs']['nav_item_id']==$item.id } active {/if}"> <a class="nav-link" href="{:url($item['path'])}">{$item.name}</a> </li>
								{/if}
								
							{/volist}
						</ul>
						{/volist}
						
					</div>
				</div>
			</div>
			<div class="col" id="app_body_slide">

			</div>
			<div class="col" id="app_body_main">
				<div class="row border-bottom border-light-subtle" id="app_body_main_nav">
					<div class="col" id="app_slide_toggle"><a><i class="bi bi-text-indent-right"></i></a></div>
					<div class="col">
						<nav aria-label="breadcrumb">
							<ol class="breadcrumb mb-0">
								{volist name='GLOBALS["crumbs"]["items"]' id='vo'}
									{if $vo['id']==$GLOBALS['crumbs']['nav_item_id'] }
										<li class="breadcrumb-item active" aria-current="page">{$vo.name}</li>
									{else /}
										<li class="breadcrumb-item"><a href="{:url($vo['path']);}">{$vo.name}</a></li>
									{/if}
									
								{/volist}
								
								<!-- <li class="breadcrumb-item"><a href="#">用户</a></li>
								<li class="breadcrumb-item active" aria-current="page">授权</li> -->
							</ol>
						</nav>
					</div>
				</div>
				<div class="row" id="app_body_main_title">
					<div>
						{block name='title'}
							此处显示内容标题
						{/block}
					</div>
					<div>
						{block name='search_form'}
						此处显示搜索表单
						{/block}
					</div>
				</div>
				<div id="app_body_main_body" class="py-2">
                    {block name='body'}
                        
                    {/block}
					<!-- <div class="col">
						<div class="row">
							<div class="col">此处显示 class "row" 的内容1111</div>
							<div class="col">此处显示 class "row" 的内容</div>
							<div class="col">此处显示 class "row" 的内容</div>
						</div>
						
					</div> -->
					<div class="col-12" id="app_body_main_body_footer">
						<nav aria-label="Page navigation example">
							<ul class="pagination">
								{block name='page'}
								<li class="page-item"><a class="page-link" href="#">Previous</a></li>
								<li class="page-item"><a class="page-link" href="#">1</a></li>
								<li class="page-item"><a class="page-link active" href="#">2</a></li>
								<li class="page-item"><a class="page-link" href="#">3</a></li>
								<li class="page-item"><a class="page-link" href="#">Next</a></li>
								{/block}
							</ul>
						</nav>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script type="module">
		// import * as Popper from "@popperjs/core"
		import * as bootstrap from 'bootstrap';
        import toggle from "toggle_aside_nav";
		import aside_bind from "toggle_aside_logo";
        toggle("#app_slide_toggle");
		aside_bind();
	</script>

</body>

</html>